/**
 * 基本元素
 */
html, body, img, a img, form{margin:0; padding:0; border:0 none}
img{text-align:absmiddle; background-color:transparent}
html, body, p, table{font:normal normal normal 14PX "微软雅黑",Verdana,Helvetica,Arial,sans-serif; line-height:150%}
body, table{background-color:white}
@media print{body *{color:#000 !important; border-color:#ccc !important}
}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; text-shadow:gray 0px 0px 5px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.5em}
h2{font-size:18px;margin-bottom:20px;color:#525759;}

a, a:visited {color:#9a9a9a;text-decoration:none;}
a:hover {text-decoration: underline;color:#000;}
a img{ border:none; }

.tLeft{text-align:left}
.tRight{text-align:right}
.tTop{vertical-align:top}

.fLeft{float:left}
.fRig{float:right}

.none{display:none;}

.small{width:65px}
.huge{width:350px}

/**
 * 头部
 */
div.header{width:100%; font:normal normal normal 14px "微软雅黑",Verdana,Helvetica,Arial,sans-serif; padding:0px 0px; background:#266cb4; color:white; height:56px}
div.headTitle{float:left; color:white; font-weight:bold; font-family:Verdana}
div.nav{float:right; position:relative; margin-right:8px; margin-bottom:2pt; color:#9EB6DA; padding:3pt 3pt}
div.nav a{color:white; font:normal normal normal 14px "微软雅黑",Verdana,Helvetica,Arial,sans-serif; text-decoration:none}
div.nav a:hover{color:black;}

/**
 * 内容
 */
div.main{float:left; width:98%; padding:3px;}

.title{color:#0e85a9;font-weight:bold;font-size:13px;}

.li_title{color:#6a767a;font-size:12px;}

/* 欢迎logo */
div.message{width:75%; padding:5pt; float:none; margin:15% auto 0% auto; clear:both; text-align:center}

/* 运行结果 */
div.result{background:#f5f986;border:1px solid #bcbcbc; padding:4px 12px; margin:2px 15px; line-height:185%; color:black; font-weight:bold; float:auto; width:70%;}

/* 代码 */
div.code{background:#f0f0f0;border:1px solid #bcbcbc; padding:4px 12px; margin:2px 15px;  color:black;  float:auto; width:80%;}

/* 分割线 */
.line{margin-top:20px; width:500px;}

.article_list{width:80%;}
.article_list li{ margin:20px; border:1px solid #bcbcbc; background:#e1eef2;padding:5px 10px;}
.article_list .article_title{font-weight:bold;font-size:15px;}
.article_list .article_detail{font-size:12px;color:#9ca6a9;}

#trace_info{width:90%;}

.image_list{width:80%;}
.image_list img{border:2px solid #fff;}
.image_list ul li{float:left;margin-right:30px;border:1px solid black;background:#38cbf6;padding:20px;}
.image_list .image_big{margin-bottom:10px;}
.image_list .image_small{}

.jump_message{background:#ccc;border:1px solid black;padding:10px 20px;}